<template>
    <div class="rt-container-box">
        <div class="rt-header">
            <span class="server">呼吸及服务情况</span>
            <span class="number">\03</span>
        </div>
        <div class="rt-body">
            <ARow
                class="rt-body-row"
                type="flex"
                justify="center"
                align="middle"
            >
                <ACol :span="12" class="col">
                    <div class="order">
                        <span>80</span>
                        <span>单</span>
                    </div>
                    <div class="desc">惠民服务订单数</div>
                </ACol>
                <ACol :span="12" class="col">
                    <div class="order">
                        <span>3450</span>
                        <span>单</span>
                    </div>
                    <div class="desc">当前呼入总量</div>
                </ACol>
            </ARow>
        </div>
    </div>
</template>
<script>
export default {
    name: "RT",
};
</script>

<style lang="less" scoped>
.rt-container-box {
    width: 100%;
    height: 300px;
    background: url("../../../../../assets/kanban/bg/RT.png") no-repeat;
    background-size: 100% 100%;
    padding-left: 20px;
    padding-right: 20px;

    .rt-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 18px;

        .server,
        .number {
            font-size: 0.2rem;
            font-weight: 600;
        }

        .server {
            color: #69defa;
        }
        .number {
            color: #7bb9ff;
            font-size: 0.3rem;
        }
    }

    .rt-body {
        &-row {
            margin-top: 20px;
            .col {
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                .order {
                    span:first-child {
                        font-size: 0.6rem;
                        color: #efbd56;
                    }
                    span:nth-child(2) {
                        color: #69deef;
                        font-size: 0.24rem;
                    }
                }
                .desc {
                    color: #69deef;
                    font-weight: 600;
                }
            }
        }
    }
}
</style>
